*{outline:0!important;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}
button,input[type=radio],input[type=checkbox],a{cursor:pointer}
a,a:hover,a:focus{text-decoration:none;color:inherit;font-size:inherit}
a img{border:0 none}
ul,ol{list-style:none;padding:0;margin:0}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.small{font-size:12px}
.normal{font-weight:normal}
.bold{font-weight:700}
.text-left{text-align:left}
.text-underline{text-decoration:underline;}
.block{display:block}
.none{display:none}
.hidden{overflow:hidden}
img{max-width:100%;}
input,select{outline:none;border:0;}
p{margin:0;}
iframe{width:100%;}
hr{border-top-color:#d9e2e7;}

a{-webkit-transition:none;transition:none;}

html, body{-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: text;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);margin: 0;padding: 0;}

body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:14px;line-height:1;color:#666;}

.login{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-image:url(../img/login.jpeg);background-size:contain;background-position:center center;}
.login > i{position:absolute;width:100%;height:100%;background-repeat:no-repeat;}
.login .bg1{top:0;left:0;background-image:url(../img/bg1.png);}
.login .bg2{bottom:0;right:0;background-image:url(../img/bg2.png);background-position:right bottom;}
.login-content{position:absolute;top:50%;left:50%;width:400px;margin-left:-200px;margin-top:-250px;}
.login-content .login-logo{margin-bottom:40px;}
.login-content h1{color:#fff;font-weight:700;margin-bottom:60px;text-align:center;font-size:24px;}
.login-content p{color:#fff;font-size:24px;text-align:center;margin-bottom:40px;}
.login-content div{position:relative;}
.login-content div + div{margin-top:20px;}
.login-content div input{width:100%;line-height:32px;font-size:21px;color:#fff;background-color:transparent;background-repeat:no-repeat;background-position:.18rem top;background-size:24px;border-bottom:1px solid #d9e2e7;padding-left:60px;padding-bottom:10px;}
.login-content div input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
input,button{font-family:"微软雅黑";}
.login-content .user input{background-image:url(../img/user.jpeg);}
.login-content .pw input{background-image:url(../img/pw.jpeg);}
.login-content .yz input{background-image:url(../Images/login_yz.png);padding-right:50%;}
.login-content .yz span{position:absolute;top:0;right:0;height:24px;text-align:right;}
.login-content .yz span img{max-height:100%;}
.login-content .memory{font-size:16px;text-align:right;color:#fff;}
.login-content .memory a{text-decoration:underline;}
.login-content .memory .warning{float:left;}
.login-content .memory .warning.in{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;animation-duration:2s;animation-duration:.75s;transform-origin:top center;animation-name:swing}
.login-content .submit button{width:100%;height:50px;line-height:50px;font-size:20px;text-align:center;background-color:#fff;color:#2aabed;border:0;border-radius:4px;margin-top:20px;}
.login-content .xy{margin-top:20px;color:#fff;font-size:20px;}
.login-content .xy input{float:left;width:20px;height:20px;margin-right:10px;}

@keyframes swing{
    20%{transform:rotate(15deg)}
    40%{transform:rotate(-10deg)}
    60%{transform:rotate(5deg)}
    80%{transform:rotate(-5deg)}
    to{transform:rotate(0deg)}
}
@media (max-width: 992px){
    .login > i{background-size:50% auto;}
}
@media (max-width: 768px){
    .login-content{width:100%;left:0;margin-left:0;margin-top:-210px;padding:0 20px;z-index:3;}
    .login-content > a[href="/"]{display:block;text-align:center;}
    .login-content .login-logo{margin-bottom:20px;}
    .login-content h1{margin-bottom:40px;}
    .login-content .memory{font-size:12px;}
}
